<template>
   <a-select @change="handleChange" v-model.trim="dateVal">
      <a-select-option :value="item.value" v-for="(item, idx) in dateOptions" :key="idx">
        {{ item.label }}
      </a-select-option>
    </a-select>
</template>

<script>
export default {
  name: 'ExtraDrop',
  data() {
    return {
      dateOptions: [
        { label: '本周', value: '本周' },
        { label: '本月', value: '本月' },
        { label: '本季度', value: '本季度' }
      ],
      dateVal: '本周'
    }
  },
  props: {
  },
  methods: {
    handleChange() {
      this.$listeners.changeDate(this.dateVal)
    }
  }
}
</script>

<style scoped lang="less">
</style>
